Day #18 Useful Tooltips

Sandbox This is where you play

Instructions: Create CSS only tooltips when you hover over the elements below!

Tooltip on Top

Hover over me

Tooltip on Right

Hover over me

Tooltip on Bottom

Hover over me

Tooltip on Left

Hover over me

Final Result Use this for reference!

Tooltip on Top

Hover over me

Tooltip on Right

Hover over me

Tooltip on Bottom

Hover over me

Tooltip on Left

Hover over me

Information About this lesson

What are we making?

Fun & fancy ways to create CSS only tooltips!

Where can I use it?

In your websites, client projects and applications as a way to display additional information to enhance the User Experience!

How compatible are these styles with major browsers?

Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.